import React from 'react'
import { Select } from 'antd';
import { Row,Col,Input} from 'antd';
import { DatePicker } from 'antd';
import { Table, Tag } from 'antd';
const { RangePicker } = DatePicker;
const { Option } = Select;
const { Search } = Input;
const columns = [
    {
        title: '客户名称',
        dataIndex: 'name',
        key: 'name',
        className:'first'
    },
    {
        title: '反馈内容',
        dataIndex: 'Content',
        key: 'Content',
        className:'first'
    },
    {
        title: '日期',
        dataIndex: 'date',
        key: 'date',
        className:'first'
    },

];

const data = [
    {
        key: '1',
        name: '深圳市冷雨科技有限公司',
        Content: '你们送货不是晚上点第二天早上到吗？',
        date: '2015-08-18 14:47',
    },
    {
        key: '2',
        name: '深圳市冷雨科技有限公司',
        Content: '你们送货不是晚上点第二天早上到吗？',
        date: '2015-08-18 14:47',
    },
    {
        key: '3',
        name: '深圳市冷雨科技有限公司',
        Content: '你们送货不是晚上点第二天早上到吗？',
        date: '2015-08-18 14:47',
    },

];
function handleChange(value) {
    console.log(`selected ${value}`);
}

class Feedback extends React.Component {
    render() {
        return (
            <div>
                <Row style={{paddingBottom:'50px'}}>
                    <Col>
                        <Select defaultValue="全部" style={{ width: 120 }} onChange={handleChange}>
                            <Option value="全部">全部</Option>
                            <Option value="已回复">已回复</Option>
                            <Option value="未回复">未回复</Option>
                        </Select>
                    </Col>
                    <Col style={{paddingLeft:'30px'}}>
                        <RangePicker />
                    </Col>
                    <Col style={{paddingLeft:'30px'}}>
                        <Search
                            placeholder="input search text"
                            onSearch={value => console.log(value)}
                            style={{ width: 300 }}
                        />
                    </Col>
                </Row>
                <Row>
                    <Table style={{width:'100%'}} columns={columns} dataSource={data} />
                </Row>
            </div>
        )
    }
}

export default Feedback